<template>
    <div :style="{display:diss}">
        <head-nav></head-nav>
        <!-- <transition name="app" mode="out-in"> -->
            <!-- <keep-alive> -->
                <router-view ></router-view>
            <!-- </keep-alive> -->
        <!-- </transition> -->
        <bottom></bottom>
    </div>
</template>

<script>
    import Layout from './components/layout/';
    export default {
        name: 'app',
        data(){
            return {dis:false}
        },
        components: Layout,
        // data:{
        //     spinShow:false;
        // }
        methods:{
            
        }, 
        computed: {
            // spinShow(){
            //      return this.$store.getters.getLooding;
            // }
            diss(){
                return this.$route.path=="/jump"?'none':'block';
                //return '';
            }
        },
        mounted(){
            //console.log(this.$route)
        },
        watch:{
            $route(to,from){
                if (!to.matched.length) {
                    this.$router.push('/404');
                }
            }
        }
    }
</script>
<style scoped lang='less'>
.app-enter-active, .app-leave-active {
  transition: all .2s ;
}
.app-enter{
  transform:translate(20px,0px);
  opacity: 0;
}
.app-leave-to{
  transform:translate(-20px,0px);
  opacity: 0;
}

</style>
